<!DOCTYPE html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>互动游戏</title>
      <link href="https://registry.npmmirror.com/mars3d-cesium/latest/files/Build/Cesium/Widgets/widgets.css" rel="stylesheet" type="text/css" />
<script src="https://registry.npmmirror.com/mars3d-cesium/latest/files/Build/Cesium/Cesium.js" type="text/javascript"></script>
<script src="http://mars3d.cn/lib/turf/turf.min.js" type="text/javascript"></script>

<!--引入mars3d库lib-->
<link href="https://registry.npmmirror.com/mars3d/latest/files/mars3d.css" rel="stylesheet" type="text/css" />
<script src="https://registry.npmmirror.com/mars3d/latest/files/mars3d.js" type="text/javascript"></script>

<!--引入mars3d库插件lib（按需引入）-->
<script src="https://registry.npmmirror.com/mars3d-space/latest/files/mars3d-space.js" type="text/javascript"></script>
<link href="/animals_migration/css/index.css" rel="stylesheet" type="text/css" />
  <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <header>
        <div class="logo">
            <img src="/animals_migration/css/src/md-pets@1x.png" alt="Logo">
            <span>odyssey of wildlife</span>
        </div>
        <nav>
            <ul>
                <li><a href="/animals_migration/2Dsection/hello.html" class="active">开始</a></li>
                <li><a href="/animals_migration/2Dsection/hello.html">科普展示</a></li>
                <li><a href="/animals_migration/3Dsection/game.html">互动游戏</a></li>
                <li><a href="/animals_migration/Knowledge_git/homepage.html">科学知识库</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
        </nav>
        <div class="user-actions">
            <a href="#" class="profile-btn">
                <img src="/animals_migration/css/src/user-icon.png" alt="User">
                <span>个人主页</span>
            </a>
            <a href="/animals_migration/login.html" class="login-btn">Login / Register</a>
        </div>
    </header>
   <div id="mars3dContainer" class="mars3d-container"></div>
   <div id="collision-popup" style="display:none;" class="popup">
  <div class="popup-content">
    驯鹿总是匀速前进，只有遇到狼群的惊扰或猎人的追赶，才会来一阵猛跑，发出惊天动地的巨响，扬起满天的尘土，打破草原的宁静，在本来沉寂无声的大地上展开一场生命的角逐。
    <img src="https://th.bing.com/th/id/OIP.17bPebxZKNMXVlLxgixBRwHaEd?rs=1&pid=ImgDetMain" alt="wolf" class="popup-icon">
    <button id="popup-close-btn" class="close-btn">关闭</button>
  </div>
</div>
<div id="collision-popup1" style="display:none;" class="popup">
  <div class="popup-content">
    驯鹿的食物主要是石蕊，也吃问荆、蘑菇及木本植物的嫩枝叶。
    <img src="https://th.bing.com/th/id/R.ea470df1fa9935b76bcf3edd43abb144?rik=HDLTMZke6SxFZA&riu=http%3a%2f%2fpic.baike.soso.com%2fp%2f20140220%2f20140220192245-983527904.jpg&ehk=WgyF1vRPnqGlPR9NuIPUWG5T2NSpGlUd%2fL%2bicExz5TU%3d&risl=&pid=ImgRaw&r=0" alt="wolf" class="popup-icon">
    <button id="popup-close-btn1" class="close-btn">关闭</button>
  </div>
</div>
    <script type="module" src="interact.js"></script>
</body>
</html>
